<template>
  <a-layout>
    <a-layout-content>
      <a-row :gutter="[16, 16]">
        <a-col :span="8">
          <a-card title="个人信息">
            <a-avatar :size="64" src="@/assets/default-avatar.png" />
            <p style="margin-top: 16px">用户名: admin</p>
            <p>邮箱: admin@example.com</p>
            <p>注册时间: 2023-01-01</p>
          </a-card>
        </a-col>
        <a-col :span="16">
          <a-card title="操作记录">
            <a-timeline>
              <a-timeline-item>登录系统 - 2023-10-01 09:00</a-timeline-item>
              <a-timeline-item>修改密码 - 2023-09-30 15:30</a-timeline-item>
              <a-timeline-item>更新个人信息 - 2023-09-29 10:15</a-timeline-item>
            </a-timeline>
          </a-card>
          <a-card title="统计信息" style="margin-top: 16px">
            <a-row :gutter="[16, 16]">
              <a-col :span="12">
                <a-statistic title="总登录次数" :value="128" />
              </a-col>
              <a-col :span="12">
                <a-statistic title="本月活跃天数" :value="15" />
              </a-col>
            </a-row>
          </a-card>
        </a-col>
      </a-row>
    </a-layout-content>
  </a-layout>
</template>

<script setup>
// 这里可以添加个人主页相关的逻辑
</script>

<style scoped>
/* 这里可以添加个人主页的样式 */
</style>